Follow-up to #107 (this commit was pushed to that branch just after it merged, so it needs its own PR).

The compacted working set was rendered as JSON.stringify(state, null, 1) dropped straight into a <div>. The indent argument produced newlines — and HTML collapsed every one of them. The result was a single unbroken slab of monospace with the braces and quotes still in it; on a phone, most of a screen of it before you reach anything else.

Before (real firstproof-c4 state, as shipped):

{ "phase2": "PHASE-2 READY (second pass). Fixed slim_sim.py is MERGED: repo Barneyjm/givework-contrib, sha 43b5d6d3f… entrypoint slim/slim_sim.py — it reads the platform stdin JSON ({n, c, num_samples, M, seed}; unknown keys ignored; argv fallback). NEXT: propose a decomposition…", "attempt7_note": "Attempt 7 produced…", "timeout_salvage": { "source": "stream", "partial": "Looking at…", "task_id": "c0fbb5df…", "elapsed_ms": 600024 } }

After — keys become labels, values become prose:

CURRENT FRONTIER                              [Raw JSON]

PHASE2
  PHASE-2 READY (second pass). Fixed slim_sim.py is MERGED: repo
  Barneyjm/givework-contrib, sha 43b5d6d3f168…, entrypoint
  slim/slim_sim.py — it reads the platform stdin JSON…

ATTEMPT7 NOTE
  Attempt 7 produced a full decomposition + simulation code but
  mis-formatted the output (prose + fences)…

TIMEOUT SALVAGE
  │ SOURCE
  │   stream
  │ PARTIAL
  │   Looking at the previous timeout attempts and the nature of
  │   this task (requires executing code for n up to 10^6)…
  │ TASK ID
  │   c0fbb5df-61c5-42e7-8605-0978cfde5c5c
  │ ELAPSED MS
  │   600024

Nested objects indent behind a rail and their keys render smaller, so hierarchy survives more than one level. Long strings — the agent-written prose that is most of any frontier — get the reading face; short scalars (ids, counts, flags) keep the terminal one. Arrays of scalars join onto one line instead of becoming a column of one-word rows.

The keys are unknowable by design (an agent writes this via state_update), so the renderer is generic rather than keyed to any particular shape, with a depth bound that falls back to raw JSON rather than recursing forever.

A Raw JSON toggle keeps the exact payload one click away — in a <pre> this time, so its newlines survive.

Testing

Rendered the real firstproof-c4 state plus eleven edge shapes: nested objects, arrays of scalars and of objects, empty object, empty array, null, booleans, numbers, unicode, embedded newlines, >5-deep nesting, and an injection attempt — which escapes correctly (<img src=x onerror=…>).

Site-only, so no version bump: the CLI bundle is untouched and this ships via the Deploy workflow on merge.

⚠️ Not visually confirmed in a browser — no extension available and no headless DOM in the project. The renderer was exercised directly by extracting it from the page and running it in Node.

🤖 Generated with Claude Code

https://claude.ai/code/session_01QQgFEPRY4W74D4eqawQ4A6